<!doctype html>
<html lang="en" class="webim-touch-html">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
	<link rel="stylesheet" href="/webim/dist/css/webim.css">
</head>
<body>
	<div class="webim-touch">
		<div class="im-page">
		<header class="im-header J-im-header">
			<div class="im-nav J-im-nav">
			<!-- 后退箭头 -->
			<a href="#" class="im-l-icon J-im-nav-prev"><i class="im-icon im-icon-back"></i></a>
			<h2>focuschina<i class="im-dot im-dot-offline"></i></h2>
			<!-- profile -->
			<a href="#profile/123" class="im-r-profile J-im-nav-next">Profile</a>
			</div>
		</header>
		<div class="im-body J-im-body">
			<div class="im-content">
				<div class="im-chat-box">
					<div class="im-pro-box im-cf">
						<div class="im-pro-img"><img src="http://www.micstatic.com:2000/mt/img/p2.jpg" alt=""></div>
						<div class="im-pro-info">
							<div class="im-pro-name">Grocey PP Non Woven Tote ShopBag for Promtion</div>
							<div class="im-pro-txt"><span>Price:</span><b>Ust$50.0-54.0</b>/piece</div>
							<div class="im-pro-txt"><span>MOQ:</span> 1 Pieces</div>
							<a href="" class="im-btn-sendlink">Send Product Link</a>
						</div>
					</div>
					<div class="im-content-wrap">
						<div class="im-content-box im-self im-cf">
							<div class="im-head"><img src="http://www.micstatic.com:2000/mt/img/im-head.png" alt=""></div>
							<div class="im-inner">Hello,My name is Xuyun. Nice to meet you!</div>
						</div>
					</div>
					<div class="im-content-wrap">
						<div class="im-content-box im-other im-cf">
							<div class="im-head"><img src="http://www.micstatic.com:2000/mt/img/p2.jpg" alt=""></div>
							<div class="im-inner">Decide<i class="im-chatface im-f1-1-2"></i> if this is the way you want <i class="im-chatface im-f1-2-1"></i>your life to be 365 days from now.<i class="im-chatface im-f1-1-1"></i></div>
						</div>
					</div>
					<div class="im-content-wrap">
						<div class="im-content-box im-self im-cf">
							<div class="im-head"><img src="http://www.micstatic.com:2000/mt/img/im-head.png" alt=""></div>
							<div class="im-inner">What?</div>
						</div>
					</div>
					<p class="im-chattime">7:09 PM</p>
					<div class="im-content-wrap">
						<div class="im-content-box im-other im-cf">
							<div class="im-head"><img src="http://www.micstatic.com:2000/mt/img/im-head.png" alt=""></div>
							<div class="im-inner">
								<i class="im-chatface im-f1-1"></i>
								<i class="im-chatface im-f1-2"></i>
								<i class="im-chatface im-f1-3"></i>
								<i class="im-chatface im-f1-4"></i>
								<i class="im-chatface im-f1-5"></i>
								<i class="im-chatface im-f1-6"></i>
								<i class="im-chatface im-f1-7"></i>
								<i class="im-chatface im-f1-8"></i>
								<i class="im-chatface im-f1-9"></i>
								<i class="im-chatface im-f1-10"></i>
								<i class="im-chatface im-f1-11"></i>
								<i class="im-chatface im-f1-12"></i>
								<i class="im-chatface im-f1-13"></i>
								<i class="im-chatface im-f1-14"></i>
								<i class="im-chatface im-f1-15"></i>
								<i class="im-chatface im-f1-16"></i>
								<i class="im-chatface im-f1-17"></i>
								<i class="im-chatface im-f1-18"></i>
								<i class="im-chatface im-f1-19"></i>
								<i class="im-chatface im-f1-20"></i>
								<i class="im-chatface im-f1-21"></i>
								<i class="im-chatface im-f1-22"></i>
								<i class="im-chatface im-f1-23"></i>
								<i class="im-chatface im-f1-24"></i>
								<i class="im-chatface im-f1-25"></i>
								<i class="im-chatface im-f1-26"></i>
								<i class="im-chatface im-f1-27"></i>
								first img face
								<i class="im-chatface im-f2-1"></i>
								<i class="im-chatface im-f2-2"></i>
								<i class="im-chatface im-f2-3"></i>
								<i class="im-chatface im-f2-4"></i>
								<i class="im-chatface im-f2-5"></i>
								<i class="im-chatface im-f2-6"></i>
								<i class="im-chatface im-f2-7"></i>
								<i class="im-chatface im-f2-8"></i>
								<i class="im-chatface im-f2-9"></i>
								<i class="im-chatface im-f2-10"></i>
								<i class="im-chatface im-f2-11"></i>
								<i class="im-chatface im-f2-12"></i>
								<i class="im-chatface im-f2-13"></i>
								<i class="im-chatface im-f2-14"></i>
								<i class="im-chatface im-f2-15"></i>
								<i class="im-chatface im-f2-16"></i>
								<i class="im-chatface im-f2-17"></i>
								<i class="im-chatface im-f2-18"></i>
								<i class="im-chatface im-f2-19"></i>
								<i class="im-chatface im-f2-20"></i>
								<i class="im-chatface im-f2-21"></i>
								<i class="im-chatface im-f2-22"></i>
								<i class="im-chatface im-f2-23"></i>
								<i class="im-chatface im-f2-24"></i>
								<i class="im-chatface im-f2-25"></i>
								<i class="im-chatface im-f2-26"></i>
								<i class="im-chatface im-f2-27"></i>
								second img face
								<i class="im-chatface im-f3-1"></i>
								<i class="im-chatface im-f3-2"></i>
								<i class="im-chatface im-f3-3"></i>
								<i class="im-chatface im-f3-4"></i>
								All face!
							</div>
						</div>
					</div>
				</div>
				<div class="im-input-box">
					<div class="im-foot im-cf">
						<div class="im-l-func">
							<span class="im-icon-face"></span>
						</div>
						<input class="im-c-func" type="text">
						<div class="im-r-func">
							<button class="im-btn">Send</button>
						</div>
					</div>
					<div class="im-face im-cf" style="display:none">
						<div class="im-face-box im-facebox1">
							<div class="im-face-list">
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
							</div>
						</div>
						<div class="im-face-box im-facebox2" style="display:none">
							<div class="im-face-list">
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
							</div>
						</div>
						<div class="im-facetrigger">
							<i class="on"></i>
							<i></i>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="im-footer J-im-footer">
			
		</footer>
		</div>
	</div>
</body>
</html>